<html>
  <body>
    <form action="/move" method="post">
      <div><textarea name="command" rows="1" cols="60"></textarea></div>
      <div><input type="submit" value="Show Me Your Move (example: A:9)"></div>
    </form>
    <h4>Game Status</h4>
    <p class = 'status'>
      ROBOTS: {{ bot_status }}<br>
      SKIPPER: {{ player_status }}
    </p>
    <h4>Bot board:</h4>
    <p class = 'board' style="font-family:Lucida Console;">
    {% for bot_row in bot_board %}
      {{ bot_row }}<br>
    {% endfor %}
    <br>
    </p>
    <h4>Your board:</h4>
    <p class = 'board' style="font-family:Lucida Console;">
    {% for my_row in my_board %}
      {{ my_row }}<br>
    {% endfor %}
    </p>
    <br>
    <h4>Your Ships:</h4>
    {% for ship_status in my_ship_statuses %}
      {{ ship_status }}<br>
    {% endfor %}
  </body>
</html>


